﻿@charset "utf-8";
body{ margin:0px; padding:0px 0px 0px; margin:0px auto; font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#555353;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
button{ cursor:pointer; border:0px;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#d3252a;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tc{ text-align:center;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.Contain{width:1200px; margin:0px auto;}
.relative{ position:relative;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a9a9a9;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a9a9a9;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a9a9a9;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a9a9a9;
}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}
.f666{ color:#666;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; padding-left:20px;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 0px; line-height:28px; width:28px; border:1px solid #dcdcdc; background:#fff; color:#bcbcbc; font-size:12px;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; text-align:center; vertical-align:middle; width:67px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#333;}
.Pages .p_page .num a{ display:inline-block; text-align:center; margin:0px 2px; vertical-align:middle; color:#bcbcbc;}
.Pages .p_page .num a:hover{ background:#027ed5; border:1px solid #027ed5; color:#fff;}
.Pages .p_page .num a.a_cur{ background:#027ed5; border:1px solid #027ed5; color:#fff;}
@media ( max-width:998px){
.Contain{width:auto; margin:0px 10px;}
.Pages a{line-height:25px; width:25px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ width:auto; padding:0px 5px;}
img{ max-width:100%;}
}
/*pages end*/


/*Top*/
.Toper{height:105px;}
.Toper .Logo{ float:left; padding-top:13px; width:550px;}
.Toper .search{ float:left; padding-top:35px;}
.Toper .search .input{ border:1px solid #e5e5e5; width:288px; height:36px; line-height:36px; text-indent:1em; float:left;}
.Toper .search .btn{ border:0px; background:url(../images/searchbtn.gif); width:60px; height:38px; cursor:pointer;}
.Toper .tel{ float:right; padding-top:41px; color:#545657;}
.Toper .tel b{ color:#d11920; font-size:24px;}

.MainNav{ height:58px; line-height:58px; background:#027ed5;}
.MainNav ul{ width:1200px; margin:0px auto;}
.MainNav li{ float:left; position:relative; z-index:888; width:14.28%;}
.MainNav li span a{ color:#fff; display:block; text-align:center; line-height:58px; font-size:16px; font-weight:bold;}
.MainNav li span a:hover,.MainNav li.onnav span a,.MainNav li .sele{ background:#0861b4;}
.SubNav{ display:none; position:absolute; border-radius:0px 0px 5px 5px; top:58px; margin-left:0px;width:100%; text-align:center; background:#fff; box-shadow:0px 5px 5px #ccc; line-height:30px;}
.SubNav dd a{display:block; border-bottom:1px solid #e3e3e3; line-height:28px;}
.SubNav dd a:hover{ background:#027ed5; color:#fff;}
.SubNav dd:last-child a{ border-bottom:0px;}
.SubNav dd:last-child a:hover{ border-radius:0px 0px 5px 5px;}

/*手机导航 s*/
.phone_header{ display:none; position:relative; padding:10px;}
#navigation { float:right; padding-right:10px;}
.phone_header .Logo{ float:left; padding:0px 0px 0px 10px;}
.phone_header .Logo img{ height:40px;}
#navigation { float:right; padding-right:10px;}
#navigation .Search{width:21px;float:right; margin-right:34px;}
#navigation .Search .icon{ cursor:pointer; display:block; padding-top:10px;}
#navigation .Search .icon.on img{ display:;}
#navigation .Search .i2{ position:absolute; top:22px; right:48px; cursor:pointer; width:25px; height:25px; background:url(../images/closenav.png) center center no-repeat; display:none;}
#navigation .searchbox{ display:none; position:absolute; height:40px; left:0%; top:100%; background:#007ac0; width:96%; box-shadow:0px 5px 5px #333; padding:5px 2% 0; z-index:99;}
#navigation .searchbox .input{ float:left; width:90%; height:35px; line-height:35px; text-indent:1em; background:#fff; border:0px;}
#navigation .searchbox .btn{ float:left; line-height:23px; padding:5px 0px 0px 12px;}

#navigation .openbtn{ cursor:pointer; display:block; position:absolute; right:10px; top:35%; z-index:100; width:30px;}
#navigation .openbtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}
#navigation .closebtn{ cursor:pointer; display:block; position:absolute; right:5px; top:16px; z-index:100; width:30px;}
#navigation .closebtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}
#navigation .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important; background:#000000 !important;}
#navigation .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important; background:#000000 !important;}	
#navigation .sub{ padding-top:45px; top:0%;display:none; z-index:999; position:absolute; right:0px; width:100%; background:#fff;}
#navigation .sub li{ border-bottom:1px solid #dddddd;}
#navigation .sub li span{ position:relative; display:block; line-height:40px;z-index:99;}
#navigation .sub li span a{color:#000000; display:block; padding-left:10px; font-size:15px;}
#navigation .sub li:last-child{ background:none;}
.UI-jian{background: url(../images/zoom_jian.png) center center no-repeat;}
.UI-jia{background: url(../images/zoom_jia.png) center center no-repeat;}
#navigation li span .UI-jian,#navigation li span .UI-jia{position:absolute;right:0px;top:0px; width:45px; height:40px;display:block; cursor:pointer;}
#navigation .sub .foldContent { display:none; margin-bottom:-1px; background:#f4f1f1;}
#navigation .sub .foldContent li{ border-bottom:1px solid #fff; margin-bottom:0; line-height:30px;}
#navigation .sub .foldContent li a{ color:#333; display:block; padding-left:20px;}
#navigation .bg{ left:0px; top:0px; display:none; width:100%; height:100%; position:fixed; height:100%; background:#fff; z-index:998;}
/*手机导航 end*/

@media ( max-width:998px){
.Header{ display:none;}
.phone_header{ display:block;}
}

/*Top*/


/*Bottom*/
.Footer{ background:#2775c1; padding:30px 0px 44px;}
.Footer .Ewm{ width:214px; position:absolute; top:44px; right:0px; font-size:13px; color:#fff; text-align:center;}
.Footer .Ewm img{ width:80px; height:80px; display:block; padding:6px; background:#fff; margin:0px auto 15px;}
.Footer .sitemap{ float:right; padding-right:158px; width:588px;}
.Footer .sitemap dl{ width:25%; float:left;}
.Footer .sitemap dl dt{ line-height:43px; padding-bottom:1px; margin-bottom:12px; font-size:16px; color:#fff;}
.Footer .sitemap dl dt span{ line-height:43px; display:inline-block; background:url(../images/linedt.gif) 0px bottom no-repeat;}
.Footer .sitemap dl dd{ line-height:26px; font-size:13px;}
.Footer .sitemap dl dd a{ color:#abc2e1;}.Footer .sitemap dl dd a:hover{ color:#ffcc00;}

.Footer .contact{ width:355px; float:left; line-height:30px; color:#fff;}
.Footer .contact .tit{line-height:43px; color:#fff; font-size:16px; background:url(../images/linedt.gif) 0px bottom no-repeat; margin-bottom:12px;}
.Footer .contact p{ padding-left:25px;}
.Footer .contact .tel{ background:url(../images/contact.png) 0px top no-repeat;}
.Footer .contact .tel span{ font-size:20px; font-family:Tahoma, Geneva, sans-serif;}
.Footer .contact .fax{ background:url(../images/contact.png) 0px -30px no-repeat;}
.Footer .contact .mail{ background:url(../images/contact.png) 0px -60px no-repeat;}
.Footer .contact .add{ background:url(../images/contact.png) 0px -90px no-repeat;}

.Copyright{color:#656565; line-height:57px; height:57px; background:#1b1b1b; font-size:12px;}
.Copyright a{color:#656565;}.Copyright a:hover{color:#ffcc00;}

@media ( max-width:998px){
.Header{ display:none;}
.phone_header{ display:block;}
.Footer{padding:10px 0px 10px;}
.Footer .sitemap{ display:none;}
}
@media ( max-width:767px){
.Footer .contact{ width:auto; float:none;}
.Footer .Ewm{ width:214px; position:static; padding-top:10px;}
.Copyright{line-height:20px; height:auto; text-align:center; padding:8px 0px;}
.Copyright .fl{ float:none;}.Copyright .fr{ float:none;}
}

/*Bottom*/

/*首页*/
.HomeBan{ min-width:1000px; max-width:100%;position:relative; height:600px; overflow:hidden; margin-bottom:58px;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important;}
.HomeBan .bd li{ width:100% !important; height:600px;}
.HomeBan .bd li a{ height:600px; display:block;}
.HomeBan .hd{ width:100%;position:absolute; z-index:2; bottom:41px; left:0; height:3px; line-height:3px; text-align:center;}
.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:54px; height:3px; margin:0px 8px;overflow:hidden;line-height:9999px; background:#fff;}
.HomeBan .hd ul .on{ background:#027ed5;}
.HomeBan .prev,
.HomeBan .next{ position:absolute;left:-45px; top: 50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; background:url(../images/banarr.png) 0px top no-repeat; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan .next{ left:auto; right:-45px; background-position:-40px 0;}
.HomeBan:hover .prev{ left:25px;}
.HomeBan:hover .next{ right:25px;}
.mobile_ban{ position:relative; display:none;}
.mobile_ban .swiper-slide{ position:relative;}
.mobile_ban .swiper-slide span{ position:absolute; width:60%; left:20%; top:10%;}
.mobile_ban .swiper-pagination-bullet{opacity:1; background:#fff; width:12px; border-radius:0px; height:3px;}
.mobile_ban .swiper-pagination-bullet-active{opacity:1; background:#027ed5;}
@media ( max-width:998px){
.HomeBan{ display:none;}
.mobile_ban{ display:block; margin-bottom:15px;}
}


.HomeAbout{ width:579px; float:left; color:#6e7071; font-size:13px; padding-bottom:13px;}
.HomeAbout .img img{ display:block; width:579px; height:160px; margin-bottom:27px;}
.HomeAbout .tit{ padding-bottom:10px; font-size:18px; color:#2e2f2f;}
.HomeAbout a.zxbtn{ background:#1d9bf3; color:#fff; float:right; margin-top:28px; width:126px; display:block; padding-top:6px; height:36px;text-align:center;}
.HomeAbout a.zxbtn span{ display:inline-block; text-align:right; width:66px; line-height:19px; padding-bottom:11px;background:url(../images/arr.png) right bottom no-repeat;}
.HomeAbout a:hover.zxbtn{ background:#128fe7;}
.HomeAbout a:hover.zxbtn span{ width:75px;}

.HomeTit{ height:38px; line-height:21px; position:relative; background:url(../images/linebg.gif) 0px bottom repeat-x;}
.HomeTit li{ float:left; margin-right:23px; font-size:16px; color:#2f2f2f; cursor:pointer;}
.HomeTit li.on{ font-weight:bold; height:37px; border-bottom:1px solid #1d9bf3; color:#1d9bf3;}
.HomeTit li.on a.more{ display:block; width:30px; height:7px; background:url(../images/more.gif); position:absolute; top:14px; right:2px;}
.HomeTit li.on a.more2{ display:block;font-size:18px; position:absolute; top:4px; right:2px;}
.HomeTit li span{ font-weight:bold; display:block; height:38px; color:#1d9bf3; background:url(../images/titline.gif) 0px bottom no-repeat;}
.HomeTit li span i{ font-family:Arial, Helvetica, sans-serif; margin-left:12px; display:inline-block; color:#323333; font-size:12px; font-weight:normal;}
.HomeTit li span a.more{ display:block; width:30px; height:7px; background:url(../images/more.gif); position:absolute; top:4px; right:2px;}
.HomeTit li span a.more2{ font-weight:normal; display:block;font-size:18px; position:absolute; top:4px; right:2px;}
.HomeTit li span em{ display:inline-block; vertical-align:middle; font-size:16px; padding:0px 17px; background:#1d9bf3; color:#fff; line-height:40px;}

.HomeNews{ width:572px; float:right; padding-bottom:13px;}
.HomeNews .bd li{ height:30px; line-height:30px; background:url(../images/dot.gif) 2px center no-repeat; padding:0px 3px 0px 9px;}
.HomeNews .bd li .date{ float:right; color:#c6c6c6; font-size:12px;}
.HomeNews .bd li.first{ padding:20px 0px 0px 181px; height:143px; margin-bottom:14px; border-bottom:1px solid #eeeeee; position:relative;}
.HomeNews .bd li.first .img{ position:absolute; left:0px; top:20px;}
.HomeNews .bd li.first .img img{ width:161px; height:112px;}
.HomeNews .bd li.first .tit{ line-height:41px; padding-top:2px; font-size:15px;}
.HomeNews .bd li.first .p{ line-height:18px; color:#bababa; height:36px; overflow:hidden; font-size:12px;}
.HomeNews .bd li.first .p a{ color:#d3252a;}

.Homeindustry{ margin:22px 0px 0px -1px; position:relative;}
.Homeindustry li{ float:left; width:149px; height:147px; text-align:center; margin-left:1px; display:inline;}
.Homeindustry li .img{ display:block; width:149px; height:87px; margin-bottom:10px;}
.Homeindustry li a{ color:#4b4a4a;}.Homeindustry li a:hover{ color:#d3252a;}
.Homeindustry .prev,
.Homeindustry .next{ display:none; position:absolute;left:0px; top: 0px; margin-top:0px; width:28px; height:87px; overflow:hidden; background:url(../images/proarr.png) 0px top no-repeat; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homeindustry .next{ left:auto; right:0px; background-position:-28px 0;}

.HomeCase{ padding-bottom:31px; margin-left:-9px; height:213px; overflow:hidden;}
.HomeCase li{ width:232px; height:213px; float:left; text-align:center; padding-left:9px;}
.HomeCase li .img{ margin-bottom:14px;}
.HomeCase li .img img{ display:block; width:232px; height:154px;}

.HomePro{ height:364px; padding:0px 388px 59px 242px; position:relative;}
.HomePro .tithead{ position:absolute; left:0px; top:0px; background: #2775c1 url(../images/protit.png) 49px 92px no-repeat; width:241px; height:364px;}
.HomePro .tithead a{ display:block; position:absolute; background:url(../images/banarr.png) right top no-repeat; width:40px; height:40px; left:31px; top:270px;}
.HomePro .tithead a:hover{ left:40px;}
.HomePro li{ width:277px; height:178px; float:left; text-align:center; margin:0px 0px 8px 8px; display:inline; background:#eeeeee;}
.HomePro li .img{margin-bottom:5px;}
.HomePro li .img img{ display:block; max-width:257px; height:133px; margin:0px auto;}
.HomePro li .p{ text-align:left; font-size:12px; display:none;}
.HomePro li.li5{ width:380px; height:364px; position:absolute; right:0px; top:0px;}
.HomePro li.li5 .img img{ display:block; max-width:362px; height:190px; margin:0px auto;}
.HomePro li.li5 .p{ display:block; padding:10px 20px 0px 25px; line-height:18px; color:#717171;}
.HomePro li.li5 a.detail{ display:block; text-align:center; color:#fff; font-size:12px; width:122px; line-height:35px; background:#2775c1; margin:22px auto 0px;}
.pc2{ display:none;}

.HomeHornor{ background:url(../images/homerybg.gif);margin-bottom: 20px;}
.HomeHornor .tithead{ background:url(../images/ryheadtit.jpg) center top no-repeat; height:152px;}
.HomeHornor .tithead img{ display:none;}
.HomeHornor .item{ padding-bottom:28px;}
.HomeHornor .item .infotxt{ float:left; width:607px;transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 1s;}
.HomeHornor .item .infotxt .tit{ font-size:13px; padding-left:78px; position:relative; height:106px; color:#a4a4a4; text-transform:uppercase;}
.HomeHornor .item .infotxt .tit i{ display:block; line-height:39px; padding-top:13px; color:#1353b4; font-size:30px;}
.HomeHornor .item .infotxt .tit span{ width:60px; text-align:center; position:absolute; left:0px; top:0px; line-height:86px; background:url(../images/numbg.png); display:block; font-size:62px; font-family:Arial, Helvetica, sans-serif; color:#1353b4;}
.HomeHornor .item .infotxt p{ text-indent:2em; color:#5f5e5e; padding-bottom:18px;text-align: justify;}
.HomeHornor .item .imgtp{ float:right; width:552px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.5s;}
.HomeHornor .item .imgtp img{ width:552px; height:330px; display:block;}
.HomeHornor .item2 .infotxt{ float:right;}
.HomeHornor .item2 .imgtp{ float:left;}
.HomeHornor .anm.item .infotxt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeHornor .anm.item .imgtp{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}


.HomeColumn .tithead img{ display:none;}
.HomeColumn .tithead{ background:url(../images/flthead.jpg) center top no-repeat; height:124px;}
.HomeColumn .column{ width:278px; float:left;padding:45px 0px 0px 26px; height:303px;}
.HomeColumn .column:first-child{ padding-left:0px;}
.HomeColumn .list{ margin-top:17px;}
.HomeColumn .list li{ height:26px; line-height:26px; background:url(../images/dot2.gif) 0px center no-repeat; padding-left:11px;}
.HomeColumn .list li a{ color:#6c6c6c;}
.HomeColumn .list li a:hover{ color:#d3252a;}

.HomeLink{ padding-bottom:30px;}
.HomeLink p{ padding-top:26px;}
.HomeLink p a{ display:inline-block; margin-right:24px; color:#4f5050;}
.HomeLink p a:hover{color:#d3252a;}


@media ( max-width:998px){
.HomeAbout{ width:auto; float:none;}
.HomeAbout .img img{ display:block; width:100%; height:auto;}
.HomeNews{ width:auto; float:none;}
.HomeAbout a.zxbtn{float:none; margin:15px 0;}
.HomeNews .bd li a{ float:left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:72%; display:block;}
.HomeNews .bd li.first{ padding:20px 0px 0px 110px; height:85px; margin-bottom:10px;}
.HomeNews .bd li.first .tit{ line-height:25px; padding:0px 0 5px; font-size:14px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.HomeNews .bd li.first .img img{ width:100px; height:70px;}

.Homeindustry{ margin:22px 0px 0px -1px; position:relative;}
.Homeindustry li{ width:25%; height:auto; text-align:center; margin-left:0px; padding-bottom:12px;}
.Homeindustry li .img{ display:block; width:100%; height:80px; margin-bottom:5px;}
.Homeindustry li a{ display:block; margin-left:1px;}

.HomeCase{ padding-bottom:10px; height:150px;}
.HomeCase li{ width:150px; float:left;}
.HomeCase li .img{ margin-bottom:8px;}
.HomeCase li .img img{ display:block; width:150px; height:100px;}
.HomeCase li p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

.HomePro{ height:auto; padding:0px 0px 15px 0px;}
.HomePro .HomeTit ul{ margin:0px;}
.HomePro .HomeTit li{ width:auto; margin:0px;}
.HomePro ul{ margin-left:-8px;}
.HomePro li{ width:25%; height:auto; background:none; margin:10px 0px 0px 0px;}
.HomePro li .box{ margin:0px 0px 8px 8px; background:#eeeeee; padding-bottom:5px;}
.HomePro li .img{ margin-bottom:5px;}
.HomePro li .img img{ display:block; width:100%; height:100px; margin:0px auto;}
.HomePro li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block; text-align:center; margin:0px auto;}
.HomePro li.li5{ display:none;}
.pc1{ display:none;}
.pc2{ display:block;}
.HomeHornor .tithead{ margin-top:20px; background:none;height:auto;}
.HomeHornor .tithead img{ display:block;}

.HomeHornor .item .infotxt{ width:55%;}
.HomeHornor .item .imgtp{width:42%;}
.HomeHornor .item .imgtp img{ width:100%; height:auto;}

.HomeColumn .tithead{ margin-top:20px; background:none;height:auto;}
.HomeColumn .tithead img{ display:block;}
.HomeColumn .column{ width:22%;padding:45px 0px 0px 3%; height:303px;}
.HomeColumn .list li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.HomeColumn .HomeTit i{ display:none;}

.HomeLink{ padding:15px 0px;}
.HomeLink p{ padding-top:12px;}
.HomeLink p a{ margin-right:14px;}

}
@media ( max-width:767px){
.HomePro li .img img{ height:80px;}
.HomeHornor .item .infotxt{ width:auto; float:none;}
.HomeHornor .item .imgtp{ float:none; width:auto;}
.HomeHornor .item .infotxt .tit{height:90px; color:#a4a4a4; text-transform:uppercase;}
.HomeHornor .item .infotxt .tit i{ display:block; line-height:30px;font-size:22px;}
.HomeHornor .item .infotxt .tit span{font-size:45px;}
.HomeColumn .column{width:auto; float:none;padding:20px 0px 0px 0%; height:auto;}
.HomeColumn .list{ margin-top:7px;}
}

@media ( max-width:478px){
.Homeindustry li .img{height:60px;}
}

/*栏目页*/
.SubPage{ height:auto !important; height:300px; min-height:300px; padding-bottom:50px;}

.SubBan{ min-width:1200px; max-width:100%; height:350px; overflow:hidden; z-index:0;}
.SubBan .bd{ position:relative; z-index:0;}
.SubBan .bd ul{ width:100% !important;}
.SubBan .bd li{ width:100% !important; height:350px;}
.SubBan .bd li a{ height:350px; display:block;}
.SubBan .hd{ display:none;}

.SubBan{ position:relative; height:350px; overflow:hidden;}
.SubBan img{ display:block; max-width:none; position:absolute; left:50%; margin-left:-960px;}

@media ( max-width:998px){
.SubBan{height:182px;}
.SubBan img{ height:182px;margin-left:-600px; max-width:100%;}
}
@media ( max-width:768px){
.SubBan{height:146px;}
.SubBan img{ height:146px;margin-left:-600px;}
}


.LeftBar{width:220px; position:relative; margin-top:-73px; float:left;}
.LeftBar .ColumnName{ padding:0px; text-align:center; text-transform:uppercase; font-size:12px; background:#027ed5; height:74px;line-height: 74px; color:#a4c5eb;}
.LeftBar .ColumnName h2{ font-weight:normal; font-size:24px; color:#fff;}
.LeftBar .MenuList{background:#f6f6f6;}
.LeftBar .MenuList li{ position:relative; background:url(../images/menuline.gif) 0px bottom repeat-x; line-height:40px;}
.LeftBar .MenuList li:last-child{ background:none;}
.LeftBar .MenuList a{ display:block; padding-left:86px; color:#555353; line-height:39px;}
.LeftBar .MenuList a:hover,.LeftBar .MenuList li.onli a{ background:#e34347;color:#fff;}
.LeftBar .MenuList a:hover i,.LeftBar .MenuList li.onli a i{ position:absolute; left:73px; top:16px; background: url(../images/menuarr.png); width:5px; height:8px; display:block;}

.RightBar{ width:949px; float:right;}
.Current{ line-height:3em; padding-left:30px; margin-top:8px; background:url(../images/home.gif) 0px center no-repeat; border-bottom:1px solid #e5e5e5;}
.Current a{color:#b1b1b1;}.Current a:hover,.Current span{color:#027ed5;}

.SinglePage{ word-wrap:break-word; padding:34px 0px 0px 0px; line-height:30px;}
.SinglePage img{ max-width:949px;}


.NewsList{ margin:5px 0px 45px 0px;}
.NewsList li{ line-height:18px; position:relative; padding:23px 0px 0px 227px; height:167px; background:url(../images/linebg2.gif) 0px bottom repeat-x;}
.NewsList li .img{ position:absolute; left:0px; top:23px;}
.NewsList li .img img{ width:200px; height:132px;}
.NewsList li .tit{ padding:6px 0px 16px; font-size:16px;}
.NewsList li .p{ padding-bottom:19px; font-size:12px; color:#acacac;}
.NewsList li a.more{ display:block; border:1px solid #dcdcdc; text-align:center; border-radius:15px; color:#5b5a5a; width:109px; line-height:32px;}
.NewsList li a:hover.more{ border:1px solid #027ed5; background:#027ed5; color:#fff;}

.NewsList2{ margin:17px 0px 30px;}
.NewsList2 li{ height:30px; line-height:30px; background:url(../images/dot2.gif) 0px center no-repeat; padding-left:11px;}
.NewsList2 li a{ color:#6c6c6c;}
.NewsList2 li a:hover{ color:#d3252a;}
.NewsList2 li .date{float:right;}
.Titleinfo{ padding:24px 0px 20px 0px; text-align:center; background:url(../images/linebg2.gif) 0px bottom repeat-x; line-height:29px; color:#888;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo i{ margin:0px 20px;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:32px 0px 0px; padding-top:15px; position:relative; color:#888888;}
.PrevNextBox a.back{ position:absolute; right:0px; top:16px; display:block; text-align:center; color:#fff; width:100px; line-height:35px; border-radius:5px; background:#3576b4; z-index:1;}
.PrevNextBox dl{ padding-left:56px; position:relative; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{ color:#e52613;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

.Contact li{ width:25%; float:left; text-align:center; padding:10px 0px 20px;}
.Contact li img{ display:block; margin:0px auto;}

.Msgbox{ margin:29px 0px 22px 0px; background:#f3f3f3; padding:45px 0px 6px 0px;}
.Msgbox dl{ padding:0px 0px 21px 91px; position:relative; margin-left:64px; line-height:38px;}
.Msgbox dl.wl{ float:left; width:296px;}
.Msgbox dl dt{ position:absolute; left:0px; top:0px;}
.Msgbox dl .icon{ display:inline-block; width:20px; height:22px; vertical-align:middle; margin-right:22px; vertical-align:middle; background:url(../images/msgicon.png) 0px top no-repeat;}
.Msgbox dl .input{ width:277px; height:37px; text-indent:1em; border:1px solid #e5e5e5; background:#fff; font-size:12px;}
.Msgbox dl .icon.user{ background-position:0px top;}
.Msgbox dl .icon.tel{ background-position:0px -44px;}
.Msgbox dl .icon.mail{ background-position:0px -22px;}
.Msgbox dl .icon.qq{ background-position:0px -66px;}
.Msgbox dl .icon.msg{ background-position:0px -88px;}
.Msgbox dl .textareabg{ background:#fff; padding:10px; height:126px; border:1px solid #e5e5e5;}
.Msgbox dl .textareabg textarea{ width:100%; font-size:12px; height:126px;}
.Msgbox dl .sendbtn{ cursor:pointer; font-size:16px; color:#fff; background:#027ed5; width:157px; height:42px;}
.Msgbox dl .resetbtn{ cursor:pointer; font-size:16px; color:#545353; background:none; width:137px; height:42px;}

.Teccontact{ margin-top:22px; line-height:48px; display:none;}
.Teccontact dl{ padding-top:22px;}
.Teccontact dt{ float:left; font-size:18px; color:#282828; padding-right:3px;}
.Teccontact a.qq{ display:inline-block; margin-right:17px; color:#4d4c4c; padding:0px 28px 0px 67px; background: #eeeeee url(../images/qq.png) 31px center no-repeat;}
.Teccontact .tel{ display:inline-block; color:#4d4c4c; padding:0px 27px; background:#eeeeee; font-size:18px;}

.probody .LeftBar .MenuList a{ padding-left:59px;}
.probody .LeftBar .MenuList a:hover i,.probody .LeftBar .MenuList li.onli a i{ left:46px;}

.ProList { margin:34px 0px 30px -17px;}
.ProList li{ width:305px; float:left; text-align:center; margin-left:17px; display:inline;}
.ProList li .img{ margin-bottom:12px; background:#eeeeee; padding:10px;}
.ProList li .img img{ display:block; height:192px; margin:0px auto;}
.ProList li .p{ text-align:left; font-size:12px; display:none; }
.ProList li p{ padding-bottom:12px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

.Bigimg{ padding:20px; width:350px; float:left; background:#eeeeee; margin-top:35px;}
.Bigimg img{ display:block; width:350px;}
.inforight{ width:530px; float:right; line-height:26px; padding:29px 0px 0px;}
.inforight .tit{ line-height:40px; color:#222222; font-size:20px;}
.inforight .stit{ line-height:28px; color:#222222; font-size:16px; padding-top:8px;}
.titsub{ width:130px; line-height:40px; text-align:center; color:#fff; background:#9665d5; font-size:16px;}

.CaseList{ margin:23px 0px 10px -18px;}
.CaseList li{ width:305px; float:left; text-align:center; margin-left:17px; display:inline;}
.CaseList li .img{margin-bottom:12px; background:#eeeeee; padding:10px;}
.CaseList li .img img{ display:block; width:285px; height:192px; margin:0px auto;}
.CaseList li .p{ text-align:left; font-size:12px; display:none; }
.CaseList li p{ padding-bottom:12px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

.HornorList { margin:34px 0px 30px -17px;}
.HornorList li{ width:222px; height:270px; float:left; text-align:center; margin-left:17px; display:inline;}
.HornorList li .img{ height:192px; padding:10px; margin-bottom:12px; background:#eeeeee;}
.HornorList li .img span{ display:table-cell; vertical-align:middle; height:192px; width:2%;}
.HornorList li .img img{ display:block; max-width:202px; max-height:192px; margin:0px auto;}
.HornorList li p{ text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

.FloatRight{position:fixed;width:54px;right:0;bottom:0%;z-index:100;}
.FloatRight ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.FloatRight ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s; background:#027ed5;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.FloatRight ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block; background:rgba(0,0,0,0.4);transition:all 0.3s;}
.FloatRight ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.FloatRight ul li img{float:left;}


@media ( max-width:998px){
.SinglePage img{ max-width:100%;}
.LeftBar{width:auto; position:relative; margin-top:15px; float:none;}
.LeftBar .ColumnName{ padding:10px 0px 10px 0px; text-align:center; text-transform:uppercase; font-size:12px; background:#027ed5; color:#a4c5eb; height:auto;}
.LeftBar .ColumnName h2{font-size:18px;}
.LeftBar .MenuList{text-align:center; padding:10px 0px;}
.LeftBar .MenuList li{ display:inline-block; *display:inline; zoom:1; background:none;}
.LeftBar .MenuList a{ display:block; padding:0px 8px; color:#555353; line-height:22px;}
.LeftBar .MenuList a:hover i,.LeftBar .MenuList li.onli a i{ display:none;}
.probody .LeftBar .MenuList a{  padding:0px 8px;}
.RightBar{ width:auto; float:none;}

.ProList { margin:34px 0px 30px -17px;}
.ProList li .box{ margin:0px 0px 0px 17px;}
.ProList li{ width:33.333%; margin-left:0px;}
.ProList li .img{ padding:0px;}
.ProList li .img img{ display:block; width:100%; height:90px; margin:0px auto;}
.ProList li .p{ text-align:left; font-size:12px; display:none;}

.CaseList { margin:34px 0px 30px -17px;}
.CaseList li .box{ margin:0px 0px 0px 17px;}
.CaseList li{ width:33.333%; margin-left:0px;}
.CaseList li .img{padding:0px;}
.CaseList li .img img{ display:block; width:100%; height:90px; margin:0px auto;}
.CaseList li .p{ text-align:left; font-size:12px; display:none;}

.Bigimg{ padding:20px; width:auto; float:none; background:#eeeeee; margin-top:35px;}
.Bigimg img{ display:block; width:auto; margin:0px auto;}
.inforight{ width:auto; float:none; line-height:26px; padding:15px 0px 0px;}
.inforight .tit{ line-height:20px; color:#222222; font-size:18px;}

.PrevNextBox a.back{ display:none;}
.PrevNextBox a{ color:#666666;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.NewsList2 li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

.Msgbox{ margin:15px 0px 15px 0px; padding:10px 0px 10px 0px;}
.Msgbox dl{ padding:0px 0px 10px 70px; margin: 0px 10px; line-height:38px;}
.Msgbox dl.wl{ float:none; width:auto;}
.Msgbox dl .icon{ display:inline-block; width:20px; height:22px; vertical-align:middle; margin-right:5px; vertical-align:middle; background:url(../images/msgicon.png) 0px top no-repeat;}
.Msgbox dl .input{ width:100%; height:37px; text-indent:1em; border:1px solid #e5e5e5; background:#fff; font-size:12px;}
.Msgbox dl .sendbtn{ cursor:pointer; font-size:16px; color:#fff; background:#027ed5; width:20%; height:36px;}
.Msgbox dl .resetbtn{ cursor:pointer; font-size:16px; color:#545353; background:none; width:20%; height:36px;}

.Contact li{ width:50%;}
.HornorList li{ width:33.333%; height:auto; padding-bottom:10px; margin-left:0px;}
.HornorList li a{ margin-left:17px; display:block;}
.HornorList li .img{ height:180px; margin-bottom:5px; padding:10px 0px;}
.HornorList li .img span{ height:180px; width:2%;}
.HornorList li .img img{max-width:100%; max-height:180px;}
.HornorList li p{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

}

@media ( max-width:478px){
.Contact li{ width:auto; float:none; padding-bottom:0px;}

.HornorList li .img{ height:110px;}
.HornorList li .img span{ height:110px;}
.HornorList li .img img{max-height:110px;}
}


/*adv*/
.qqad{position:relative; z-index:999; width:100%;}
.rightadv{position:absolute; right:15px; top:200px; width:115px; border:4px solid #3694d2; z-index:999;}
.qqad .close{ background:url(../images/qq_close.gif) 0px top no-repeat; width:115px; height:32px; cursor:pointer;}
.qqad ul{ background-color:#fff; padding:2px 0px 11px 0px; line-height:21px;}
.qqad li{ margin:0px 10px; border-bottom:1px solid #dcdbdb; padding:10px 0px 0px 5px; height:30px;}.qqad li img{ float:left; margin-right:11px;}
.qqad a{ color:#019eef;}

/*表单样式*/					
.inputbox .input{border:1px solid #dedbd7;padding:.6em .4em;font-size:12px;color:#666;}
.inputbox .input:focus{box-shadow:0 0 5px 0 rgba(0,0,0,.2);}
.inputbox{margin:0 1.2em 1.5em;overflow:hidden;zoom:1;}
.inputbox p{padding:.5em 0}
.inputbox .ibl{float:left;width:15%;text-align:right;display:block;padding-top:.4em}
.inputbox .ibr{margin:0 0 0 15%;display:block;padding-left:.3em}
.tip{margin:0 1.2em 1em;color:#f60}
.module_form_box{margin:0 1.2em 1.5em;}
.module_form_intro{border-bottom:1px solid #e2e2e2;margin:0 0 1.2em}
.module_form_intro .name{border-bottom:3px solid #f30;display:inline-block;*display:inlne;zoom:1;padding:0 .8em .5em;font-size:14px;font-weight:bold;color:#333}

.module_field{padding:.5em 0}
.module_field .c_left{float:left;width:15%;text-align:right;display:block;padding-top:.4em}
.module_field .middle{margin:0 0 0 15%;display:block;padding-left:.3em}
.module_form_tips{padding:.3em 1em .8em;color:#f60}

/*提交，重置按钮*/
.btn-submit{width:80px;height:35px;border:0;background:url(../images/btn-submit.jpg) no-repeat;cursor:pointer;color:#fff;font-size:14px;font-weihgt:bold}
.reset{width:80px;height:35px;border:0;background:url(../images/btn-submit2.jpg) no-repeat;cursor:pointer;color:#fff;font-size:14px;font-weihgt:bold}

/*通用翻页样式*/
#page{padding-left:0px;padding-top:10px;padding-bottom:10px;overflow:hidden;}
#page li{background-color:#fff;padding:3px 9px;border:1px solid #ccc;margin-right:6px;list-style:none;float:left;color:#555;}
#page li.pre{background:#027ed5;border:1px solid #027ed5;color:#fff;}
#page li.uli:hover{background:#027ed5;border:1px solid #027ed5;color:#fff;cursor:pointer;}
#page li.uli:hover a{color:#fff;text-decoration:none;}
.c_cpre{width:200px; line-height:23px; padding:15px 0px 15px; overflow:hidden; position:relative;}